<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../css/public.css">
  <link rel="stylesheet" href="../css/details.css">
  <script src="../js/jquery-3.6.0.min.js"></script>
  <script src="../js/interfdce.js"></script>


</head>

<body>
  <header class="header"></header>


  <div class="content">
    <div class="wrap">
      <div class="pro-view fl">
        <div class="pro-view-l fl">
          <div class="pro-smallImgs">
            <div class="small-list">
              <a class="small-prev" href=""></a>
              <ul class="navBar">
                <!-- <li class="i"><img src="../images/smallImg.jpg" alt=""></li>
                <li class="i"><img src="../images/smallImg-1.jpg" alt=""></li>
                <li class="i"><img src="../images/smallImg.jpg" alt=""></li>
                <li class="i"><img src="../images/smallImg-1.jpg" alt=""></li>
                <li class="i"><img src="../images/smallImg.jpg" alt=""></li> -->
              </ul>
              <a class="small-next" href=""></a>
            </div>
          </div>
          <div class="pro-operates">
            <a class="pro-collect" href="">收藏</a>
          </div>
        </div>
        <div class="pro-bigImg fl">
          <ul class="bigImgList">
            <!-- <li><img class="bigImgLeft" src="../images/bigImg.jpg" alt=""></li>
            <li><img class="bigImgLeft" src="../images/bigImg-1.jpg" alt=""></li>
            <li><img class="bigImgLeft" src="../images/bigImg.jpg" alt=""></li>
            <li><img class="bigImgLeft" src="../images/bigImg-1.jpg" alt=""></li>
            <li><img class="bigImgLeft" src="../images/bigImg.jpg" alt=""></li> -->
          </ul>
          <div class="bigImg-sbox"></div>
          <div>
            <ul class="bigImg-Bigbox">
              <!-- <li>
                <img class="bigImgRight" src="../images/bigImg.jpg" alt="">
              </li>
              <li>
                <img class="bigImgRight" src="../images/bigImg-1.jpg" alt="">
              </li>
              <li>
                <img class="bigImgRight" src="../images/bigImg.jpg" alt="">
              </li>
              <li>
                <img class="bigImgRight" src="../imagesbigImg-1.jpg" alt="">
              </li>
              <li>
                <img class="bigImgRight" src="../images/bigImg.jpg" alt="">
              </li> -->
            </ul>
          </div>
        </div>

      </div>
      <div class="pro-infos fl">
        <div class="pro-infos-t">
          <!-- <h3 class="gooda-name">男女同款潮流时尚针织帽</h3> -->
          <p class="goods-sn">款号F13M142501F</p>
          <!-- <p class="goods-price">￥1280</p> -->
          <div class="promos">
            <div class="promos-title fl">促销</div>
            <div class="promos-content">
              <a href="" title="【免运费】会员专享">【免运费】会员专享</a>
            </div>
          </div>
        </div>
        <div class="pro-infos-b">
          <p class="goods-color">颜色: <span>深黑</span></p>
          <ul class="color-list">
            <li class="color-code">
              <!-- <img class="loading" src="../images/smallImg.jpg" alt=""> -->
            </li>
          </ul>
          <p class="goods-size">尺码: <span>XS</span></p>
          <ul class="size-list">
            <li class="size-code">
              <span title="XS">XS</span>
            </li>
          </ul>
          <div class="infos-panel">
            <div class="infos-cell">
              <div class="box-label fl">购买数量</div>
              <div class="pro-num-edit fr">
                <a href="" class="num-ops num-minus">-</a>
                <input class="num-input" type="text" value="1">
                <a href="" class="num-ops num-plus">+</a>
              </div>
            </div>
          </div>
          <div class="goods-btns">
            <a href="javascript:;" class="btn-addCart fl">加入购物车</a>
            <a href="javascript:;" class="btn-tobuy fr">立即购买</a>
          </div>
        </div>
      </div>
    </div>

  </div>



  <footer class="footer"></footer>
</body>
<script>
  $(".header").load("header.html");
  $(".footer").load("footer.html");



</script>
<script src="../js/detail.js"></script>

</html>